<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
  body {
    background: rgba(246,246,246, 0.9);
  }
  body .el-message-box {
    width: 48%;
  }
  body .el-message-box__content {
    word-wrap:break-word;
    word-break:break-all;
    overflow:auto !important;
    max-height:600px;
  }
  body .el-message-box__content a {
    text-decoration: underline;
    color: #409EFF;
  }
  .el-badge__content.is-fixed {
    transform: translateY(-0%) translateX(100%);
  }

  .mt-message {
    width: 90% !important;
  }

  body .el-message-box__content::-webkit-scrollbar { /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }

  body .el-message-box__content::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    background-color: #909399;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  }

  body .el-message-box__content::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    /*border-radius: 10px;*/
    background: #EDEDED;
  }

  .mt-card {
    padding: 10px;
    background-color: white;
  }
</style>
